@charset "utf-8";
#chat{ position:fixed; right:60px; bottom:10px; width:400px; height:600px; background:#fafdff; border-radius:5px; z-index:999; box-shadow: 0 0 24px 0 rgba(15,66,76,.25);}

#chat .chathead{ height:60px; line-height:60px; padding:0 15px; background:#00a971; border-radius:5px 5px 0 0; position:relative;}
#chat .chathead .close{ position:absolute; right:15px; line-height:2em; padding:0 10px; right:0; top:0; cursor:pointer}
#chat .chathead .close:hover{ color:#fc0;}
#chat .chathead .zy{ position:absolute; right:8px; bottom:4px; padding-right:15px; height:24px; line-height:24px; background:url(/public/img/icon/question.png) right center no-repeat; cursor:pointer; font-size:14px;}
#chat .chatfoot{ height:120px; border-top:1px solid #ddd;}
#chat .chatfoot .tools{ line-height:25px; padding:5px 10px;}
#chat .chatfoot .inputmsg{ padding:0px 10px; position:relative;}
#chat .chatfoot .inputmsg textarea{ width:100%; height:70px; resize:none; box-shadow:0 0 20px #ddd; border-radius:5px; padding:10px 10px 20px 10px; border:0; outline:none; background:#fff;}
#chat .chatfoot .inputmsg .sendbtt{ background:#00a971; color:#fff; border-radius:2px; height:24px; padding:0 5px; border:0; font-size:14px; position:absolute; right:15px; bottom:10px; cursor:pointer;}
#chat .chatfoot .inputmsg .sendbtt:hover{ background:#f60;}

#msgcont{ width:100%; height:420px; overflow:auto;}
#msgcont::-webkit-scrollbar{width:8px}
#msgcont::-webkit-scrollbar-thumb{width:8px;background-color:#c9cce7;border-radius:4px}
#msgcont .leftmsg{ margin:20px; line-height:1.8em; padding-right:10%;}
#msgcont .leftmsg .cont{ background:#f0f1fa; display:inline-block; padding:10px; position:relative;}
#msgcont .leftmsg .cont a{ display:inline-block;}
#msgcont .leftmsg .cont:before{content:""; position:absolute; right:100%; top:10px; width:0; border-width:0 12px 12px 0; border-style:solid; border-color:transparent #f0f1fa;}
#msgcont .rightmsg{ margin:20px; line-height:1.8em; padding-left:10%; text-align:right;}
#msgcont .rightmsg .cont{ background:#7F87D2; display:inline-block; color:#fff; padding:10px; position:relative;}
#msgcont .rightmsg .cont:before{content:""; position:absolute; left:100%; top:10px; width:0; border-width:12px 12px 0 0; border-style:solid; border-color:#7F87D2 transparent;}